<juci-layout-with-sidebar>
	<div ng-controller="StatusDiagnostics">
		<juci-config-heading>{{ 'Diagnostic Utility' | translate }}</juci-config-heading>
		<juci-config-info>{{ 'status.diagnostics.info' | translate }}</juci-config-info>
		<juci-config-section title="{{'Ping Test'|translate}}">
			<p>{{'status.diagnostics.ping.info'|translate}}</p>
			<div class="row">
				<form class="form-inline form-group  pull-right">
					<input type="text" class="form-control input-lg" placeholder="{{'Host to ping'|translate}}" ng-model="data.pingHost"></input>
					<button type="submit" class="btn btn-lg btn-default" ng-click="onPingTest()">{{'Ping'|translate}}</button>
				</form>
			</div>
			<div class="alert alert-default" ng-show="data.pingResults">{{'Ping results'|translate}}: <br/><pre>{{data.pingResults}}</pre></div>
			<div class="alert alert-danger" ng-show="data.pingError">{{'Error'|translate}}: <br/><pre>{{data.pingError}}</pre></div>
		</juci-config-section>
		<juci-config-section title="{{'Tracing Tool'|translate}}">
			<p>{{'status.diagnostics.trace.info'|translate}}</p>
			<div class="row">
				<form class="form-inline form-group  pull-right">
					<input type="text" class="form-control input-lg" placeholder="{{'Host to trace'|translate}}" ng-model="data.traceHost"></input>
					<button type="submit" class="btn btn-lg btn-default" ng-click="onTraceTest()">{{'Trace'|translate}}</button>
				</form>
			</div>
			<div class="alert alert-default" ng-show="data.traceResults">{{'Trace results'|translate}}: <br/><pre>{{data.traceResults}}</pre></div>
			<div class="alert alert-danger" ng-show="data.traceError">{{'Error'|translate}}: <br/><pre>{{data.traceError}}</pre></div>
		</juci-config-section>
		<diagnostics-widget90-speedtest></diagnostics-widget90-speedtest>
	</div>
</juci-layout-with-sidebar>
